@import './antd.scss';

body {
	margin: 0;
}

.app-main {
	width: 100%;
	position: relative;
	padding: 18px;
	overflow: hidden;
	background: #f2f2f2;
	// transform: translate3d(0px, 0px, 0px);
}

.top-search-from,
.top-search-from-nowidth {
	margin-bottom: 10px;
	background-color: #fff;
	padding: 24px 18px 0 18px;
}

.table-top {
	margin-bottom: 10px;
	line-height: 22px;
	padding: 8px 18px;
	background-color: #fff;
	text-align: right;
}

.ant-btn+.ant-btn {
	margin-left: 8px;
}

.expand {
	padding-left: 8px;
}

.fenye {
	margin-top: 10px;
	padding: 10px 0;
	text-align: right;
	background-color: #fff;

	.ant-pagination-total-text {
		float: right;
		margin-left: 20px;
	}
}

.layout-sider-fix {
	overflow: auto;
	position: fixed !important;
	left: 0;
	height: 100vh;
	background: #001529;
	transition: all .2s;
}

#props-tags {
	transform: translate3d(0, 0, 0);
}

.transitionWid {
	transition: all 0.5s;
}

.rightOutlined {
	border: none;
	z-index: 1;
	//margin-left: 180px;
	transition: margin-left 0.5s;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;

	&:hover {
		z-index: 999;
		background: #1b9aee;

		.indicator {
			background: #1b9aee;
		}

		border-right: 1px solid #1b9aee;
	}

	.jt-bordered {
		position: absolute;
		left: 0;
		top: calc(50vh - 24px);
		transform: translateY(-50%);
		z-index: 9;
	}

	.indicator {
		padding-top: 7.5px;
		width: 100%;
		height: 30px;
		align-items: center;
		background-color: #fff;
		border-radius: 0 4px 4px 0;
		border: 1px solid #e5e5e5;
		border-left-color: transparent;
		opacity: 1;
		transition-property: background-color, opacity;
		transition-duration: 200ms;
		transition-timing-function: ease-in-out;
	}
}

.admin-top-av {
	.ant-avatar {
		margin-right: 10px;
	}

	padding-right: 10px;
}

.menu__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	// flex-direction: column;
	line-height: 64px;
	overflow: hidden;
	white-space: nowrap;

	// padding: 10px 0;
	& .menu__logo-icon {
		margin-right: 8px;
	}

	& span {
		display: inline-block;
		font-size: 18px;
		color: #fff;
	}
}

.subTable {
	padding: 16px 50px;
	background: #e8e8e8;
}

// 滚动条美化
::-webkit-scrollbar-track {
	background: #E8E6E6;
	border-radius: 0;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-thumb {
	cursor: pointer;
	border-radius: 5px;
	background: rgba(0, 0, 0, .15);
	transition: color .2s ease;
}

.erp_fixed {
	position: fixed;
	left: 180px;
	top: 0;
	right: 0;
	z-index: 10;
}

/* 居中布局 */
.flexBox {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}

/* 垂直居中 */
.centerBox {
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.F-file {
	position: absolute;
	font-size: 100px;
	right: 0;
	top: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
}